@charset "utf-8";
@import "common";
@import "reset";

.actweb{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(../img/back.png);
    .header{
        height: r(43);
    }
    .centent{
        width: r(534);
        height: r(878);
        margin: 0 auto;
        overflow: hidden;
        .rules_img{
            height: 100%;
            @include aImg;
        }
    }  
    .footer{
        width: 100%;
        height: r(90);
        position: relative;
        .text{
            width: r(250);
            height: r(45);
            margin: 0 auto;
            font-size: r(23);
            color: #e7c598;
            text-align: center;
            line-height: r(45);
            background: url(../img/activity_Rules/btnBorder.png) round;
        }
        .home_img{
            width: r(41);
            height: r(41);
            right: r(0);
            bottom:r(25);
            overflow: hidden;
            position: absolute;
            img{
                height: 100%;
                @include abCenter;
            }
            .pic{
                animation: home 1s linear infinite;
                -webkit-animation: home 1s linear infinite;
                -moz-animation: home 1s linear infinite;
            }
        }
    }
}
@keyframes home{
    form{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes home{
    form{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@-moz-keyframes home{
    form{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}